<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <header>
        <div class="container">
            <div class="logo">
                <a href="">better</a>
            </div>
        <nav>
            <ul>
                <li class="btn1"><a href="">首页</a>
                </li>
                <i></i>
                <li class="btn2"><a href="">产品中心</a></li>
                <li class="btn3"><a href="">企业新闻</a></li>
                <li class="btn4"><a href="">联系我们</a></li>
            </ul>
        </nav>
        </div>
    </header>
    <div class="datu">
    <img src="images/b03.jpg" alt="">
    </div>
    <main>
        <div class="container">
            <div class="left">
                <div class="one">
                    <div class="neirong1">
                        <img src="images/one-one_03.gif" alt="">
                        <p>Oculus 联合创始人黯然离场，是被小米前高管“挤出”了</p>
                        <span>2018-06-16</span>
                    </div>
                </div>
                <div class="two">
                    <div class="neirong2">
                        <img src="images/two-two_06.gif" alt="">
                        <p>华为营收5216亿元，同时增长32%，顺便卖了1.39亿部手机</p>
                        <span>2018-06-16</span>
                    </div>
                </div>
                <div class="three">
                    <div class="neirong3">
                        <img src="images/three-three_08.gif" alt="">
                        <p>车与出行 百度申请在北京路试无人车，但这样并不意味着人车未</p>
                        <span>2018-06-16</span>
                    </div>
                </div>
                <div class="four">
                    <div class="neirong4">
                        <img src="images/four-four_10.gif" alt="">
                        <p>20分钟没了300亿，最大港股塌方背后疑点重重</p>
                        <span>2018-06-16</span>
                    </div>
                </div>
                <div class="five">
                    <div class="neirong5">
                        <img src="images/five-five_12.gif" alt="">
                        <p>礼物说裁员引争议，触宝CEO王佳梁：别把粗暴裁员当个性</p>
                        <span>2018-06-16</span>
                    </div>
                </div>
                <div class="six">
                    <div class="neirong6">
                        <img src="images/six-six_14.gif" alt="">
                        <p>下线聊天文件功能，微信这是闷声作大死？</p>
                        <span>2018-06-16</span>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="top">
                    <div class="lanbeijing">
                        <a href="">better</a>
                    </div>
                    <h2>天猫总裁靖捷：线上线下全面打通天猫 天猫将整体升级</h2>
                    <p>"真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段，线下百万雄师都会被数字化。"靖捷说。</p>
                </div>
                <div class="bottom">
                    <div class="dazi">
                    <h2>产品列表展示</h2>
                    </div>
                    <div class="shang">
                        <div class="yi">
                            <div class="yiyi clearfix"><img src="images/yiyi_03.gif" alt="">
                            <p>韩版高腰半身裙中长款a字裙子女流苏毛边</p>
                                <span>￥89</span>
                            </div>
                        </div>
                        <div class="er">
                            <div class="erer clearfix"><img src="images/erer_05.gif" alt="">
                            <p>韩版女装夏装牛仔A字裙子</p>
                                <span>￥89</span>
                            </div>
                        </div>
                        <div class="san">
                            <div class="sansan clearfix"><img src="images/sansna_07.gif" alt="">
                            <p>女装夏装新款显瘦A字群裤短裤牛仔裤</p>
                                <span>￥129</span>
                            </div>
                        </div>
                        <div class="si">
                            <div class="sisi"><img src="images/sisi_09.gif" alt="">
                            <p>显瘦牛仔裙半身裙短新款潮裙女夏韩版学生高腰a字群</p>
                                <span>￥79</span>
                            </div>
                        </div>
                    </div>
                    <div class="xia">
                        <div class="wu">
                            <div class="wuwu"><img src="images/wuwu_15.gif" alt="">
                            <p>收腰牛仔裤连衣裙a字牛仔裙女学生短裙裙子</p>
                                <span>￥339</span>
                            </div>
                        </div>
                        <div class="liu">
                            <div class="liuliu"><img src="images/liuliu_16.gif" alt="">
                            <p>修身长袖牛仔连衣裙女</p>
                                <span>￥338</span>
                            </div>
                        </div>
                        <div class="qi">
                            <div class="qiqi"><img src="images/qiqi_17.gif" alt="">
                            <p>瘦高腰牛仔半身裙夏a字</p>
                                <span>￥158</span>
                            </div>
                        </div>
                        <div class="ba">
                            <div class="baba"><img src="images/baba_18.gif" alt="">
                            <p>中长款竖条纹半身裙百搭宽松中长裙A字裙</p>
                                <span>￥399</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container">
            <p>&copy;2018 版权所有 better</p>
        </div>
    </footer>
</body>
</html>